<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<!--[if lte IE 9]> 
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="/resources/scripts/jquery-1.3.2.min.js"></script>
		<style type="text/css">
			body{margin:0;font-family: "Georgia","Helvetica Neue", Arial, sans-serif;background-color:RGB(21,21,21);}
			.top-banner{ background-color:RGBA(71,71,71,0.5);height:50px;line-height: 50px;color:#FFFFFF;font-size:1.3em;margin-bottom:10px;border-bottom:1px solid #000000;}
			.top-left{ margin-left:20px;float:left; }
			.top-right{ margin-right:20px;float:right; }
			.clr{ clear:both;float:none; }
			.content{ min-height:700px; }
			.content-left{ width:15%;min-width:200px;float:left;border:1px solid #000000; height:100%;min-height:700px;;background-color:RGB(46,46,46);margin-left:5px;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);}
			.content-right{ width:84%;margin-left:215px; position:relative; background: #fff; height:100%;min-height:700px;}
			.content-left .sub-title{ border:1px solid RGB(67,67,67);height:30px;line-height:30px;color:#FFFFFF;padding-left:20px;background-color: #333333;
							  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #333333), color-stop(1, #454545));
							  background: -ms-linear-gradient(bottom, #333333, #454545);
							  background: -moz-linear-gradient(center bottom, #333333 0%, #454545 100%);
							  background: -o-linear-gradient(bottom, #333333, #454545);
							  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#333333', EndColorStr='#454545');
							  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333',EndColorStr='#454545')";
   							  }
			.content-left ul{ padding-left:7px;margin-left:0px;margin-right:0px; }
			.content-left ul li{ list-style: none; color:#ddd;line-height:20px;height:20px;margin-top:18px;margin-bottom:18px; }
			.content-left ul li:last-child{ margin-bottom:30px; }
			a{ text-decoration: none; color: #000000;}
			.menu a{ color:#ddd;padding:.5em 1em;display: block;}
			.menu a:hover{ background-color:#262626; }
			.menu .on{ background-color:#262626;border:1px solid gray; }
		</style>
	</head>
	<body>
		<header class="top-banner">
			<div class="top-left"><a href="http://${server }" style="color:#ffffff;">Msfront@com</a></div>
			<div class="top-right">欢迎您：${user.userName }</div>
			<div class="clr"></div>
		</header>		
		
		<div class="content">
			<div class="content-left">
				<div class="sub-title">控制面板</div>
				<ul class="menu">
					<li><a href="index?p=newArticle" class="${(p == 'newArticle') ? 'on' : '' }">写文章</a></li>
					<li><a href="index?p=archive" class="${(p == 'archive') ? 'on' : '' }">旧文章</a></li>
					<li><a href="index?p=upload" class="${(p == 'upload') ? 'on' : '' }">上传集</a></li>
					<li><a href="index?p=newTag" class="${(p == 'newTag') ? 'on' : '' }">新标签</a></li>
					<li><a href="index?p=newProject" class="${(p == 'newProject') ? 'on' : '' }">新项目</a></li>
					<li><a href="index?p=newFavorites" class="${(p == 'newFavorites') ? 'on' : '' }">新收藏</a></li>
				</ul>
				<div class="sub-title">系统管理</div>
				<ul class="menu">
					<li><a href="index?p=fragment" class="${(p == 'fragment') ? 'on' : '' }">碎片集</a></li>
					<li><a href="index?p=readme" class="${(p == 'readme') ? 'on' : '' }">说明集</a></li>
                    <li><a href="index?p=index" class="${(p == 'index') ? 'on' : ''}">索引库</a></li>
				</ul>
			</div>
			<div class="content-right">
				<%@include file="admin_common.jsp" %>
				<c:choose>
					<c:when test="${p == 'stats'}">
						<%@include file="stats.jsp" %>
					</c:when>
					<c:when test="${p == 'fragment' }">
						<%@include file="fragment.jsp" %>
					</c:when>
					<c:when test="${p == 'newArticle' }">
						<%@include file="newArticle.jsp" %>
					</c:when>
					<c:when test="${p == 'archive' }">
						<%@include file="archive.jsp" %>
					</c:when>
					<c:when test="${p == 'newFavorites' }">
						<%@include file="newFavorites.jsp" %>
					</c:when>
					<c:when test="${p == 'newProject' }">
						<%@include file="newProject.jsp" %>
					</c:when>
					<c:when test="${p == 'newTag' }">
						<%@include file="newTag.jsp" %>
					</c:when>
					<c:when test="${p == 'readme' }">
						<%@include file="readme.jsp" %>
					</c:when>
					<c:when test="${p == 'upload' }">
						<%@include file="upload.jsp" %>
					</c:when>
                    <c:when test="${p == 'index'}">
                        <%@include file="reindex.jsp"%>
                    </c:when>
				</c:choose>
			</div>
			<div class="clr"></div>
		</div>
		
		<%@include file="../base/_footer.jsp" %>
		
	</body>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".content-left").height($(".content-right").height());
		});
	</script>
</html>